<template>
  <div class="max-w-xs space-y-4">
    <BaseProgress title="xs progress bar" size="xs" :value="78" color="primary" />

    <BaseProgress title="sm progress bar" size="sm" :value="78" color="primary" />

    <BaseProgress title="md progress bar" size="md" :value="78" color="primary" />

    <BaseProgress title="lg progress bar" size="lg" :value="78" color="primary" />

    <BaseProgress title="xl progress bar" size="xl" :value="78" color="primary" />
  </div>
</template>
